<html>
 <head></head>
 <body>
 <form id="form1">
 <DIV id=demo style="OVERFLOW: hidden; WIDTH: 230px; HEIGHT: 150px">
     <DIV id=demo1>
          <table width="237" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
             <tr>
               <td height="25">·<a href="#">公告标题</a></td>
             </tr>
          </table>
     </DIV>
     <DIV id=demo2></DIV>
 <SCRIPT type="text/javascript">
 var speed=30
 demo2.innerHTML=demo1.innerHTML
 function Marquee(){
 if(demo2.offsetTop-demo.scrollTop<=0)
 demo.scrollTop-=demo1.offsetHeight
 else{
 demo.scrollTop++
 }
 }
 var MyMar=setInterval(Marquee,speed)
 demo.onmouseover=function() {clearInterval(MyMar)}
 demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
 </SCRIPT>
 
</DIV>
 </form>
 </body>
 </html>